<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/set.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/change.css">

    <title>Document</title>
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header display">
                <img class="logoSize" src="image/web标志_03.jpg" alt="javascrpit:void(0)">
            </div>
            <form class=" navbar-left margin-left40 width206 height25 display" role="search">
                <div class="search" id="searchDiv">
                    <img class="searchSize" src="image/搜索logo.jpg" alt="">
                    <input id="searchPut" type="text" class="inputSize" placeholder="大家都在搜索：荆州温度骤...">

                </div>
            </form>
            <div class="gn_position ">
                <div class="gn_nav">
                    <ul class="gn_nav_list">
                        <li class="f_left">
                            <a href="http://127.0.0.1:5504/index.html">
                                <img class="zhuye_size" src="image/主页logo.jpg" alt="#">
                                <span class="fontStyle">
                                    首页
                                </span>
                            </a>
                        </li>
                        <li class="f_left">
                            <a href="http://127.0.0.1:5502/index.html">
                                <img class="zhuye_size" src="image/我的logo.jpg" alt="#">
                                <span class="fontStyle">
                                    我的
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="gn_set_S">
                    <ul>
                        <li class="f_left">
                            <a href="#">
                                <img class="zhuye_size" src="image/设置logo.jpg" alt="#">
                            </a>
                        </li>

                        <li class="f_left">
                            <div>
                                <a href="#" id="msg">
                                    <img class="zhuye_size" src="image/消息logo.jpg" alt="#">
                                </a>
                            </div>

                        </li>

                    </ul>

                </div>
                <!-- 消息下拉框 -->
                <div class="msgLayer" id="msgLayer" style="display:none">
                    <ul>
                        <li class="msgList">
                            <a href="">
                                @我的
                            </a>
                        </li>
                        <li class="msgList">
                            <a href="">
                                评论
                            </a>
                        </li>
                        <li class="msgList">
                            <a href="">
                                赞
                            </a>
                        </li>
                        <li class="msgList">
                            <a href="">
                                私信
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <div class="bgI">
        <img class="backgroundImg" src="./image/首页背景.png" alt="background">
        <div class="container">
            <div class="main">
                <div class="set_left">
                    <fieldset>
                        <legend class="font_grey font_size18 width_100 text_align"><span>个人设置</span></legend>
                    </fieldset>
                    <div class="left_list text_align">
                        <a href="#"> <span id="change_key" class="font_size18 font_black "><img id="img_user"
                                    src="image/个人.png" alt="userSet">&nbsp;&nbsp;&nbsp;基本信息</span></a>
                    </div>
                    <div class="left_list text_align">
                        <a href="#"><span id="change_pic" class="font_size18 font_black"><img id="img_pic"
                                    src="image/点击修改 (2).png" alt="userPic">&nbsp;&nbsp;&nbsp;更改密码</span></a>
                    </div>
                </div>

                <div class="set_right">
                    <div class="right_list" id="basic">
                        <form action="" method="post" name="xx">
                            <div class="margin_top5">
                                <div class="ipu_style">邮 箱:</div> <input type="text" id="email" name="email" /><br />
                            </div>
                            <div class="margin_top5">
                                <div class="ipu_style"> 昵 称: </div><input type="text" id="name" name="name" /><br />
                            </div>
                            <div class="margin_top5">
                                <div class="ipu_style">性 别:
                                </div>
                                <div class="gender_outer">
                                    <div class="check_gender">
                                        <input type="radio" name="gender" id="gender_male">
                                        <label for="gender_male">男</label>
                                        <!-- for的内容为input中id的值 -->
                                    </div>
                                    <div class="check_gender">
                                        <input type="radio" name="gender" id="gender_female">
                                        <label for="gender_female">女</label> <br>
                                    </div>
                                </div>
                            </div>
                            <div class="margin_top5">
                                <div class="ipu_style">生 日:
                                </div>
                                <div class="birth">
                                    <select name="year" id="year">
                                        <script>
                                            for (i = 1950; i < 2019; i++) {
                                                document.write("<option value='" + i + "'>" + i + "</option>")
                                            }
                                        </script>
                                    </select>
                                    <select name="month" id="month">
                                        <script>
                                            for (i = 1; i < 13; i++) {
                                                document.write("<option value='" + i + "'>" + i + "</option>")
                                            }
                                        </script>
                                    </select>
                                    <select name="day" id="day">
                                        <script>
                                            for (i = 1; i < 32; i++) {
                                                document.write("<option value='" + i + "'>" + i + "</option>")
                                            }
                                        </script>
                                    </select>
                                </div>
                            </div>
                            <div class="margin_top5">
                                <div class="ipu_style">
                                    简 介:
                                </div>
                                <div class="introduce">
                                    <textarea name="" id="" cols="30" rows="10"></textarea>
                                </div>
                            </div>

                            <input class="ipu_btn" type="submit" name="" value="提交">
                        </form>
                    </div>
                    <div class="right_list" id="change">
                        <form action="" method="post" name="list">
                            <div class="margin_top33">
                                <div class="ipu_style font_family font_size18">原密码</div>
                                <input type="password" name="" id="old" placeholder="请输入原始密码">
                            </div>
                            <div class="margin_top5">
                                <div class="ipu_style font_family font_size18">新密码</div>
                                <input type="password" placeholder="请输入最少六位数的密码" name="" id="new">
                            </div>
                            <div class="margin_top5">
                                <div class="ipu_style font_family font_size18">再次确认</div>
                                <input type="password" placeholder="请再次输入新密码" name="" id="renew">
                            </div>
                            <div class="margin_top20">
                                <input class="yesIcon" type="button" name="" id="" value="确定">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>